<template>
    <el-tabs
        v-model="activeName"
        type="card"
        class="demo-tabs"
        :key="activeName"
        @tab-click="handleClick"
    >
        <el-tab-pane
            label="当前排班"
            name="first"
        >
            <!-- <CurrentSchedule></CurrentSchedule> -->
        </el-tab-pane>
        <el-tab-pane
            label="班组管理"
            name="second"
        >
            <TeamOrGroupManagement></TeamOrGroupManagement>
        </el-tab-pane>
        <el-tab-pane
            label="班次管理"
            name="three"
        >
            <ClassesManagement></ClassesManagement>
        </el-tab-pane>
        <el-tab-pane
            label="排班计划"
            name="four"
        >
            <SchedulingPlan></SchedulingPlan>
        </el-tab-pane>
        <el-tab-pane
            label="调班记录"
            name="five"
        >
            <!-- <ChangeClassesRecored></ChangeClassesRecored> -->
        </el-tab-pane>
        <el-tab-pane
            label="设备巡检"
            name="six"
        >
            <!-- <EquipmentInspection></EquipmentInspection> -->
        </el-tab-pane>
        <el-tab-pane
            label="工作日历"
            name="seven"
        >
            <!-- <Workcalendar></Workcalendar> -->
        </el-tab-pane>
    </el-tabs>
</template>

<script setup>
// import CurrentSchedule from "./components/currentSchedule.vue";
import ClassesManagement from "./components/classesManagement.vue";
import SchedulingPlan from "./components/schedulingPlan.vue";
import TeamOrGroupManagement from "./components/teamOrGroupManagement.vue";
// import EquipmentInspection from "./components/equipmentInspection.vue";
// import Workcalendar from "./components/workcalendar.vue";
import { ref } from "vue";
const activeName = ref("first");
const handleClick = () => { };
</script>

<style scoped lang="less"></style>
